<html>
    <head>
        <title>js selection</title>
        <style type="text/css">
            body {font-family:Arial;font-size:80%;}
        </style>
    </head>
    <body>
<h1>js selection</h1>   
<p id="p">This wraps around the selection object for prototyping it.</p>
<div id="buttons">
    <input type="button" onclick="collapseToEndOfSelection()" value="collapseToEndOfSelection()" />
    <input type="button" onclick="selectNode(gid('buttons'))" value="selectNode(gid('buttons'))" />
</div>

<ul>
    <li><a href="https://developer.mozilla.org/En/DOM/Range">Moz Range</a></li>
    <li><a href="https://developer.mozilla.org/En/DOM/Selection">Moz Selection</a></li>
    <li><a href="">Trident</a></li>
    <li><a href="">Webkit</a></li>
    
    
    IE, get caret position: http://www.bazon.net/mishoo/articles.epl?art_id=1292
</ul>
        
        
<!--[if IE]>
<script src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
<![endif]-->
<script type="text/javascript">
//test
function log(m) {console.log(m);};
function gid(id) {return document.getElementById(id)};
</script>
 

        
<script type="text/javascript" src="jsel.js"></script>

    </body>
</html>


